
.fl {
    float: left;
}
/*float left short for "fl"*/
.fr {
    float: right;
}
/*float left short for "fr"*/
.overflow {
    overflow: hidden;
}

.center {
    margin: 0 auto;
}
/*center short for "being placed in the middle"*/
.none {
    display: none;
}

.block {
    display: block;
}

.w1280 {
    width: 1280px;
    min-width: 1280px;
}
/*w1280 short for "the width of content is 1280px",use w short for width*/
.mw1024{
    min-width: 1024px;
}
/*mw1024 short for "the minimum width of div content is 1024px"*/
/*maw1280 short for "the maximum width of div content is 1280px"*/

/*width in common use*/
.w945 {
    width: 945px;
}

.w470 {
    width: 470px;
}

.w180 {
    width: 180px;
}

.w520 {
    width: 520px;
}

.w352 {
    width: 352px;
}

.w364 {
    width: 364px;
}

.mr20 {
    margin: 20px;
}
/*mr is short for margin,left--->l,right--->r,top--->t,bottom--->b*/
.mlr10 {
    margin: 0 10px;
}
/*mlr is short for margin-left and margin-right*/
.mrbl10 {
    margin: 0 0 -10px -10px;/*the sequence is top,right,bottom,left*/
}

.mrl0 {
    margin-left: 0;
}

.mrt22 {
    margin-top: 22px;
}

.mrt30 {
    margin-top: 30px;
}

.mrb50 {
    margin-bottom: 50px;
}

.mrlr5 {
    margin: 0 5px;
}

.mrlr15 {
    margin: 0 15px;
}

.mrt10{
    margin-top: 10px;
}
.mrt18{
    margin-top: 18px;
}
div.wauto{
    width: auto;
}
a.borderright{
    border-right:1px solid #cccccc;
}
.fontnormal{
    font-weight: normal;
}
.mrb20
{
    margin-bottom: 20px;
}
.h50{
    height: 50px;
}
/* the elemnts which use common background*/
.help, .ibmmark, .gui1, .gui2, .arrow, .venusactions, .guiright, footer, .leftmenu li, li.status a, li.manage a, li.callibration a,
.optionbox ul li:hover, .dropbt, span.droptx, span.droptrig, .tabletile, .tabletitletx, span.triangle, span.usermenu, .greenbt, .addicon,
.toolbar, .tagmark, .tagadd, .btaddline, .btplusline, .btupline, .btdownline, .btswitch, .btswitch .btswitch-on, .btswitch .btswitch-off,
.actionedit, .actiondel {
    background: url("../../images/icon.png") no-repeat;
}
.btsave,.btcancel,.idxHeaderDropDownArrow,.idHeaderAddIcon,.idHeaderHelpIcon{
    background: url("../../images/icon2.png") no-repeat;
}
/*public file:
  button short fot bt+function name
  textbox short for tx+describtion
  select short for drp+describtion
  checkbox short for chk+describtion
*/